<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>剪刀时钟</title>
		<link rel="stylesheet" href="./style.css">
	</head>

	<body>
		<svg viewBox="0 0 200 200" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
			<circle cx="100" cy="100" r="90"></circle>
			<g transform="rotate(0 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(6 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(12 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(18 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(24 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(30 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(36 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(42 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(48 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(54 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(60 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(66 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(72 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(78 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(84 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(90 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(96 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(102 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(108 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(114 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(120 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(126 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(132 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(138 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(144 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(150 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(156 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(162 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(168 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(174 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(180 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(186 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(192 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(198 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(204 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(210 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(216 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(222 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(228 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(234 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(240 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(246 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(252 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(258 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(264 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(270 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(276 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(282 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(288 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(294 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(300 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(306 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(312 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(318 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(324 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(330 100 100)">
				<line x1="100" y1="12" x2="100" y2="24"></line>
			</g>
			<g transform="rotate(336 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(342 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(348 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g transform="rotate(354 100 100)">
				<line x1="100" y1="12" x2="100" y2="16"></line>
			</g>
			<g class="scissors-container">
				<g class="blade-left">
					<path d="M100 100 L92 105 M100 100 C97 85, 94 60, 98 40 L100 30 L102 40 C106 60, 103 85, 100 100 Z"></path>
					<ellipse cx="86" cy="114" rx="9" ry="5" transform="rotate(144 86 112)"></ellipse>
				</g>
				<g class="blade-right">
					<path d="M100 100 L107 106 M100 100 C103 85, 106 60, 102 40 L100 25 L98 40 C94 60, 97 85, 100 100 Z"></path>
					<ellipse cx="114" cy="112" rx="9" ry="5" transform="rotate(45 114 112)"></ellipse>
				</g>
			</g>
		</svg>
		<p> 时间就像一把剪刀，剪短我们生命的长度，剪除我们从前的美好,幸好也剪断我们过去的不好。--Mr.Three</p>
	</body>

</html>